#shader {
    margin:0;
    padding:0;
    position: absolute;
    top:33%;
    left:13.2%;
}
#shader li {
    list-style: none;
}
.nav_shader {
    width:180px;
    height:40px;
    background-color:rgba(250,250,250,0);
    margin:100px auto;
    /*margin: 0;*/
}
.nav_shader div {
    float:left;
    text-align:center;
    width:60px;
    height:100%;
    top:0;
}
.nav_shader .nav-main h4 {
    margin: 0;
    padding: 0;
    width:100%;
    height:100%;
    line-height:40px;
    text-align:center;
    color:#fff;
}
.nav_shader .nav-main ul {
    width:180px;
    height:300%;
    /* background-color:#eee;
    */
    display:none;
}
.nav_shader .nav-main:hover {
    background-color: rgba(193, 193, 193, 0.1);
}
.nav_shader .nav-main:first-child ul {
    background-color: rgba(193, 193, 193, 0.1);
}
.nav_shader .nav-main:nth-of-type(2) ul {
    background-color: rgba(193, 193, 193, 0.1);
}
.nav_shader .nav-main:nth-of-type(3) ul {
    background-color: rgba(193, 193, 193, 0.1);
}
.nav_shader .nav-main ul li {
    width:100%;
    height: 40px;
    line-height:40px;
    text-align: left;
    padding-left: 10px;
    color:black;
    cursor: default;   /*箭头*/
}
.nav_shader .nav-main ul li:hover {
    background-color: rgba(118, 204, 247, 0.47);
}
